<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/details.css">
    <link rel="stylesheet" href="./css/download/font_2578555_m0m2d3el9f/iconfont.css">
    <link rel="stylesheet" href="./css/personal.css">
    <link rel="stylesheet" href="./css/register.css">
</head>

<body>
    <!-- 顶部导航 -->
    <div class="site-nav">
        <div class="container">
            <ul class="site-nav-l">
                <li>
                    <a href="">
                        <i class="ico-star"></i>
                        <span>收藏鲜花网(hua.com)</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="ico-star2"></i>
                        <span>关注微信</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="ico-star3"></i>
                        <span>花礼网APP</span>
                    </a>
                </li>
            </ul>
            <ul class="site-nav-r">
                <li>
                    <span id="hai">
                        你好
                    </span>
                    <span id="ret" style="cursor:pointer">
                        <a>
                            退出
                        </a>
                    </span>
                </li>
                <li>|</li>
                <li>
                    <a href="">订单查询</a>
                </li>
                <li>|</li>
                <li>
                    <a href="">我的花礼</a>
                </li>
                <li>|</li>
                <li>
                    <a href="">
                        客户服务
                        <i class="iconfont icon-jiantou1"></i>
                    </a>
                </li>
                <li>|</li>
                <li>
                    <a href="./ShopNothing.html">
                        <i class="icon-star3"></i>
                        <span>购物车</span>
                        <em>(0)</em>
                        <i class="iconfont icon-jiantou1"></i>
                    </a>
                </li>
                <li>|</li>
                <li>
                    <a href="">
                        中国领先鲜花速递服务
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <script src="./libs/jquery.2.2.4.js"></script>
    <script>
        $("#hai").html(`${localStorage.getItem("username")}`)
        $("#ret").click(function () {
            localStorage.setItem("isLogin", "NOK")
            location.href = "./flower.html"
        })
    </script>
    <!-- 头部 -->
    <header>
        <a href="">
            <div class="hd-top"></div>
        </a>
        <div class="search">
            <div class="input-group">
                <input type="text" placeholder="商品关键词">
                <button>搜索</button>
            </div>
            <span>
                <a href="">红玫瑰</a>
                <em>|</em>
                <a href="">精品鲜花</a>
                <em>|</em>
                <a href="">生日鲜花</a>
                <em>|</em>
                <a href="">港澳台送花</a>
            </span>
        </div>
        <div class="ser-Def">
            <i class="icon-fon2"></i>
            <em>400-889-8188</em>
            <em>|</em>
            <i class="icon-fon3"></i>
            <em>400-889-8188</em>
        </div>
    </header>
    <!-- 导航 -->
    <div class="common">
        <div class="container">
            <div class="con-cate">
                <a href="">
                    <h2>全部商品导购</h2>
                    <i class="iconfont icon-jiantou1
                    "></i>
                </a>
            </div>
            <ul class="nav">
                <li>
                    <a href="./flower.html">首页</a>
                </li>
                <li>
                    <a href="">鲜花</a>
                </li>
                <li>
                    <a href="">永生花</a>
                </li>
                <li>
                    <a href="">蛋糕</a>
                </li>
                <li>
                    <a href="">礼品</a>
                </li>
                <li>
                    <a href="">巧克力</a>
                </li>
                <li>
                    <a href="">花语大全</a>
                </li>
                <li>
                    <a href="">设计师臻选鲜花</a>
                </li>
                <li>
                    <a href="">端午节鲜花礼物</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 返回 -->
    <div class="retu">
        <a href="">首页 > 会员中心</a>
    </div>
    <!-- 包装 -->
    <div class="packaging">
        <div class="pull">
            <div class="hd">
                <b></b>
                <h1>会员中心</h1>
            </div>
            <ul class="bd">
                <li>
                    <a href="">
                        <span class="ico ico-member1"></span>
                        <h2>会员首页</h2>
                    </a>
                </li>
                <li><span class="ico"></span>
                    <h3>订单信息</h3>
                    <ul>
                        <li>
                            <a href="">我的订单</a>
                        </li>
                        <li>
                            <a href="">已取消订单</a>
                        </li>
                        <li>
                            <a href="">我的评价</a>
                        </li>
                    </ul>
                </li>
                <li><span class="ico"></span>
                    <h3>积分管理</h3>
                    <ul>
                        <li>
                            <a href="">我的积分</a>
                        </li>
                        <li>
                            <a href="">积分总换</a>
                        </li>
                    </ul>
                </li>
                <li><span class="ico"></span>
                    <h3>账户设置</h3>
                    <ul>
                        <li>
                            <a href="">个人信息</a>
                        </li>
                        <li>
                            <a href="">账号和绑定</a>
                        </li>
                        <li>
                            <a href="">常用收货人</a>
                        </li>
                        <li>
                            <a href="">生日/纪念日提醒</a>
                        </li>
                        <li>
                            <a href="">我的收藏</a>
                        </li>
                    </ul>
                </li>
                <li><span class="ico"></span>
                    <h3>付款设置</h3>
                    <ul>
                        <li>
                            <a href="">我的虚拟账户</a>
                        </li>
                        <li>
                            <a href="">我的优惠券</a>
                        </li>
                        <li>
                            <a href="">我的权益卡</a>
                        </li>
                        <li>
                            <a href="">在线补款</a>
                        </li>
                    </ul>
                </li>
                <li><span class="ico"></span>
                    <h3>客户服务</h3>
                    <ul>
                        <li>
                            <a href="">客服留言</a>
                        </li>
                        <li>
                            <a href="">投诉留言</a>
                        </li>
                        <li>
                            <a href="">在线客服</a>
                        </li>
                    </ul>
                </li>

            </ul>
        </div>
        <div class="box-border">
            <div class="title">
                <h3>您好，欢迎进入会员中心</h3>
            </div>
            <div class="member-info">
                <div class="user">
                    <div class="avatar">
                        <img src="./img/132.png" alt="">
                    </div>
                    <div class="message">
                        <h2 id="names">闰土</h2>
                        <span class="ico"></span>
                        <h3>超级会员</h3>
                    </div>
                </div>
                <div class="my-counts">
                    <a href="">
                        <b>
                            <span class="ico"></span>
                        </b>
                        <h4>代付款</h4>
                        <em>0</em>
                    </a>
                    <a href="">
                        <b>
                            <span class="ico1"></span>
                        </b>
                        <h4>待评价</h4>
                        <em>0</em>
                    </a>
                </div>
                <ul class="my-stuffs">
                    <li>
                        <a href="">
                            <span>余额：0</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span>积分：0</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span>优惠券：0</span>
                        </a>
                    </li>
                </ul>
                <div class="verify-mobile">
                    <p>
                        您验证的手机：178****1464
                    </p>
                    <a href="">修改</a>
                </div>
            </div>
            <div class="how-vip">
                <h3>如何成为VIP</h3>
                <p>
                    您在hua.com成功购物一次，送货完毕后系统将自动将您的会员级别升至VIP，享受鲜花最高9折优惠。<br>
                    会员级别将在送货完毕后一个工作日内完成升级，重大节日（即情人节、母亲节、七夕节、圣诞节和春节）需二个工作日左右。
                </p>
            </div>
            <div class="member-panel">
                <div class="hd">
                    <a href="/Member/Order/MyAttention">查看更多收藏 &gt;&gt; </a>
                    <h4>我的收藏</h4>
                </div>
                <div class="bd">

                    <p align="center"></p>
                    <center>
                        <font color="red"><b>您好,您没有收藏的记录</b></font>
                    </center>
                    <p></p>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-nav">
        <a href="./flower.html">首页</a>
        <p>|</p>
        <a href="">关于我们</a>
        <p>|</p>
        <a href="">媒体报道</a>
        <p>|</p>
        <a href="">联系方式</a>
        <p>|</p>
        <a href="">企业团购</a>
        <p>|</p>
        <a href="">花店入驻</a>
        <p>|</p>
        <a href="">友情链接</a>
        <p>|</p>
        <a href="">在线补款</a>
        <p>|</p>
        <a href="">为什么选择花礼店</a>
    </div>
    <!-- 通用尾部 -->
    <footer>
        <div class="auth">
            <a href="">
                <img src="./img/slogan.png" alt="">
            </a>
            <a href="">
                <img src="./img/100.jpg" alt="">
            </a>
            <a href="">
                <img src="./img/bico1.jpg" alt="">
            </a>
            <a href="">
                <img src="./img/govIcon.gif" width="35" height="49" alt="">
            </a>
        </div>
        <p>
            <a href="">中国花卉协会会员</a>
            <a href="">中国电子商务协会会员</a>
            ICP经营许可证：
            <a>粤B2-20050744</a>
            <b>|</b>
            <a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">粤ICP备09171662号</a>
            粤公网安备44030502000373号 Copyright © 2005-2021
        </p>
        <p>
            <a href="/">www.hua.com</a>
            <span> 深圳市百易信息技术有限公司</span>
        </p>
    </footer>
</body>
<script src="./libs/jquery.2.2.4.js"></script>
<script>
    $("#names").html(`${localStorage.getItem("username")}`)
</script>
<script>
    if (localStorage.getItem("isLogin") !== "OK") {
        location.href = "./register.html"
    }
</script>

</html>